<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#idWorkContent{
				display: flex;
				align-items: center;
			}
			#idAddWork{
				display: flex;
				justify-content: flex-end;
			}
		</style>
	</head>
	<body>
		<h3>工作经历</h3>
		<div id="idAddWork">
				<a href="#" onclick="addWork();">添加工作经历</a>
			</div>
		<hr >
		<div id="allword"></div>
			
	</body>
	<script type="text/javascript">
		function addWork(){
			var wordallboj = document.getElementById('allword')
			var newweord = document.createElement('div')
			newweord.innerHTML =  `公司名称：<input type="" name="" id="" value="" />
				职位：<input type="" name="" id="" value="" />
				<a href="#" onclick="delWork(event);">删除工作经历</a>
				<br /><br />
					<div id="idWorkContent">
						工作职责及工作内容描述:<textarea rows="8" cols="100"></textarea>
					</div>
					<hr >`
			wordallboj.appendChild(newweord)
		}
		function delWork(event){
			var wordallboj = document.getElementById('allword')
			var delword = event.target.parentElement
			wordallboj.removeChild(delword)
		}
		onload = function(){
			addWork();
		} 
	</script>
</html>